body{
    --mainColor:#387BFC;
    --mainColor1: #0155FF ;
    --mainColor2:  #555555 ;
    --mainColor3:  #F8F8FB ;
    --auxiliaryColor:#888888;
    --auxiliaryColor1:#FD5621;
    --auxiliaryColor2: #8592F2 ;
    --auxiliaryColor3: #8592F2 ;
    --auxiliaryColor4: #2CBF6A ;
    --auxiliaryColor5 :#EBF2FF;
    --fontColor:#333;
    --fontColor1:#555;
    --fontColor2:#888;
    --fontColor3:#aaa;
    --fontColor4:#bbb;
    --fontColor5:#ddd;
    --fontColor6:#f8f8f8;
    --fontColor7:#f3f4fa;

}

.btn-cancel{
    width:140px;
    height:40px;
    border:1px solid var(--fontColor4);
    border-radius:6px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color:  var(--fontColor);
}
.btn-cancel1{
    width:140px;
    height:40px;
    border:1px solid var(--mainColor);
    border-radius:6px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color:  var(--mainColor);
}
.btn-cancel2{
    width:140px;
    height:40px;
    border:1px solid var(--fontColor4);
    border-radius:6px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    color:  var(--fontColor4);
}
.btn-save{
    width:140px;
    height:40px;
    background:linear-gradient(260deg,var(--mainColor1),var(--mainColor));
    border-radius:6px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.btn-save1{
    width:140px;
    height:40px;
    background:linear-gradient(260deg,rgba(1,63,255,1),rgba(50,106,251,1));;
    border-radius:6px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.btn-save2{
    width:140px;
    height:40px;
    background:#eee;
    border-radius:6px;
    text-align: center;
    line-height: 40px;
    color: #BBBBBB;
}
.btn-default{
    width:120px;
    height:40px;
    background:linear-gradient(90deg,rgba(134,147,243,1),rgba(108,122,229,1));
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.btn-default1{
    width:120px;
    height:40px;
    background:linear-gradient(90deg,rgba(107,120,239,1),rgba(82,95,220,1));
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.btn-default2{
    width:120px;
    height:40px;
    background:#EEEEEE;
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #BBBBBB;
}
.btn-add-default{
    width:140px;
    height:40px;
    background:linear-gradient(260deg,var(--mainColor1),var(--mainColor));
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.btn-add-default-span{
    margin-right: 14px;
    font-size: 18px;
}
.btn-add-default1{
    width:140px;
    height:40px;
    background:linear-gradient(260deg,rgba(1,63,255,1),rgba(50,106,251,1));
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.btn-add-default2{
    width:140px;
    height:40px;
    background:#EEEEEE;
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #BBBBBB;
}
.btn-add-mo{
    width:120px;
    height:40px;
    border:1px solid rgba(221,221,221,1);
    border-radius:2px;
    text-align: center;
    line-height: 40px;
    color: var(--auxiliaryColor4);      
}
.btn-add-mo-span{
    margin-right: 5px;
}
.btn-add-mo1{
    width:120px;
    height:40px;
    border:1px solid var(--auxiliaryColor4);
    border-radius:2px;
    text-align: center;
    line-height: 40px;
    color: var(--auxiliaryColor4);      
}
.btn-add-mo2{
    width:120px;
    height:40px;
    border:1px solid var(--fontColor4);
    border-radius:2px;
    text-align: center;
    line-height: 40px;
    color: var(--fontColor4);      
}
.btn-journal{
    width:120px;
    height:40px;
    background:var(--auxiliaryColor5);
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: var(--mainColor);
}
.btn-add-save{
    width:120px;
    height:40px;
    background:linear-gradient(260deg,var(--mainColor1),var(--mainColor));
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color:#fff;
}
.btn-export{
    width:120px;
    height:40px;
    background:linear-gradient(90deg,var(--auxiliaryColor2),var(--auxiliaryColor3));
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color:#fff;
}
.btn-print{
    width:100px;
    height:40px;
    background:linear-gradient(260deg,var(--mainColor1),var(--mainColor));
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #fff; 
}
.btn-save-radius{
    width:100px;
    height:40px;
    background:linear-gradient(260deg,var(--mainColor1),var(--mainColor));
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #fff; 
}
.btn-search{
    width:80px;
    height:40px;
    background:var(--mainColor);
    border-radius:20px;
    text-align: center;
    line-height: 40px;
    color: #fff;
}
.btn-reset{
    width:80px;
    height:40px;
    border-radius:20px;
    border:1px solid rgba(221,221,221,1);
    text-align: center;
    line-height: 40px;
    color: #555555;
}



